<template>
    <div class="changeName">
        <div class="changeNamebox">
            <div class="toptitle">
				<div style="color:#F1F1F1;font-size=0.3rem;"><span v-on:click="back">取消</span></div>
				<div><p style="font-size=0.33rem;color:#F1F1F1;">昵称</p></div>
                <div><router-link to="/user/myMess"><span style="color:#F1F1F1;font-size:0.3rem;">保存</span></router-link></div>
            </div>
            <div class="changeNamecon">
                <div class="box">
                    <CellGroup>
						<Cell class="onecell" title="注销账号" target="_self" to="/user/my" />
					</CellGroup>
                </div>
            </div>
            <div class="dibu"></div>
        </div>
    </div>
</template>

<script>
    export default {
        name:"changeName",
        data(){
            return{

            }
        },
        methods: {
            back(){
			    this.$router.go(-1);
		    }
        },
    }
</script>


<style scoped>
    *{
        margin:0;
        padding:0;
    }
    .changeNamebox{
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        background-color:#f1f1f1;
    }
    .changeNamebox{
		width:7.5rem;
		height:100%;
		overflow:hidden; 
		background-color:#F1F1F1; 
	}
    .toptitle{
        width:7.5rem;
		height:0.8rem;
		line-height:0.8rem;
		background-color:#2A9A4E;
		position: fixed;
		top: 0rem;
		left: 0rem;
		padding-left:0.3rem;
		padding-right:0.3rem;
		display: flex;
		justify-content:space-between;
    }
    .changeNamecon{
		margin-top:1rem;
	}
	.box{
		margin:0.3rem 0;
		background-color:#FFFFFF;
        border-top:1px solid #DCDCDC;
        border-bottom:1px solid #DCDCDC;
	}
    .onecell{
        height:0.8rem !important; 
        line-height:0.8rem;
		margin-left:0.25rem;
    }
    .dibu{
		width: 7.5rem;
		height:1.3rem;
		left: 0;
		bottom: 0;
		z-index:999;
		position: fixed;
		background:white;
	}
</style>
